<template>
  <div>
    <div class="globaoTop1 borderShadow">活动尚未发布，当前仅供预览</div>
    <div class="globaoBot1 borderShadow">页面技术由泽超提供</div>
    <alert ref="dialog"></alert>
    <topBar></topBar>
  </div>
</template>

<script>
import alert from '../dialog/index.vue'
import topBar from '../topBar/index.vue'

export default {
  components: {
    alert,
    topBar,
  },
  methods: {
    show(i) {
      this.$refs.dialog.show(i)
    },
  },
}
</script>

<style lang="scss" scoped>
.globaoTop1 {
  position: fixed;
  top: 10rpx;
  color: #f60;
  left: 0;
  width: 100%;
  z-index: 888;
  text-align: center;
  padding: 20rpx 0;
  font-size: 28rpx;
}
.globaoBot1 {
  position: fixed;
  bottom: 20rpx;
  color: #f60;
  left: 0;
  width: 100%;
  z-index: 300;
  text-align: center;
  padding: 20rpx 0;
  font-size: 28rpx;
}
.borderShadow {
  text-shadow: 2px 2px 0 #d7d7d7, 2px -2px 0 #d7d7d7, -2px 2px 0 #d7d7d7, -2px -2px 0 #d7d7d7, 2px 1px 0 #d7d7d7,
    2px -1px 0 #d7d7d7, -2px 1px 0 #d7d7d7, -2px -1px 0 #d7d7d7, 2px 0px 0 #d7d7d7, 2px 0px 0 #d7d7d7,
    -2px 0px 0 #d7d7d7, -2px 0px 0 #d7d7d7, 1px 2px 0 #d7d7d7, 1px -2px 0 #d7d7d7, -1px 2px 0 #d7d7d7,
    -1px -2px 0 #d7d7d7, 1px 1px 0 #d7d7d7, 1px -1px 0 #d7d7d7, -1px 1px 0 #d7d7d7, -1px -1px 0 #d7d7d7,
    1px 0px 0 #d7d7d7, 1px 0px 0 #d7d7d7, -1px 0px 0 #d7d7d7, -1px 0px 0 #d7d7d7, 0px 2px 0 #d7d7d7, 0px -2px 0 #d7d7d7,
    0px 2px 0 #d7d7d7, 0px -2px 0 #d7d7d7, 0px 1px 0 #d7d7d7, 0px -1px 0 #d7d7d7, 0px 1px 0 #d7d7d7, 0px -1px 0 #d7d7d7,
    0px 0px 0 #d7d7d7, 0px 0px 0 #d7d7d7, 0px 0px 0 #d7d7d7, 0px 0px 0 #d7d7d7;
}
</style>
